/* --- Content Styles --- */

html,
body {
font-family: "Raleway", sans-serif;	
/*font-family: "Raleway", sans-serif;*/
/*font-family: Courgette, cursive;*/
/*font-family: Signika, -apple-system, sans-serif;*/
}

.page {
display: block;	
background-color: #255994;	
overflow: visible !important;	
width: 100%;
padding-top: 7%;	
padding-bottom: 3%;
font-family: "Raleway", sans-serif;
}

.page h1 {
color: #fff;
font-size: 33px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 21px;
}

.wrapper {
overflow: visible !important;	
}

.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}

.content-loader {
display: block;
width: 100%;
height: auto;
overflow: hidden;	
}

.background-sidebar {
width: 33%; 
float: right; 
overflow: hidden; 
padding-left: 3%;
}

/* --- Content --- */

.content-header {
display: block;
background-color: #132b45;
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 2%;
padding-right: 2%;
color: #ECF0F1 !important;
border-radius: 3px;
border-collapse: collapse;
font-size: 25px !important;
z-index: 1;
}

.content-header img {
display: inline-block;
width: 33px;
height: 33px;
float: left;

margin-right: 9px;	
}

.content-header span {
color: #ECF0F1 !important;	
}

.footer-header {
display: block;
background-color: #6E83AE;
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 3px;
color: #ECF0F1 !important;
border-radius: 3px;
border-collapse: collapse;
font-size: 19px !important;	
}

.content-box {
display: block;
background-color: #fff;
width: 100%;
padding: 2%;
overflow: visible;
margin-left: auto;
margin-right: auto;
margin-bottom: 21px;
border-radius: 3px;
z-index: 1;	
}

.content-box .four-fifths {
overflow: visible;
z-index: 100;	
}

.content-box h2 {
display: block;		
font-size: 30px;
font-weight: bold;
overflow: hidden;
line-height: 100% !important;	
}

.content-box h2 img {
height: 30px;
width: auto !important;	
margin-right: 9px;
}

.content-box h3 {
display: block;	
margin-bottom: 13px !important;	
font-size: 25px;
font-weight: bold;	
}

.content-box h4 {
display: block;	
margin-bottom: 13px !important;	
font-size: 20px;
font-weight: bold;	
}

.content-box p {
line-height: 150%;
margin-bottom: 9px;
width: 100%;
font-size: 17px;
}

.content-box a {
color: #000;
}	

.content-box a:hover {
color: #c3ddf4;	
}	

.content-box .content-header {
font-size: 15px;
font-weight: bold;
margin-top: 9px;
}